<!Doctype html>
<html>

<head>
    <title>Swordfish 入门指南</title>
    <link id="theme" rel="stylesheet" type="text/css" href="../css/light.css">
    <link rel="stylesheet" type="text/css" href="../css/fonts.css">
    <style>
        .gsbody {
            background: var(--white) !important;
            color: var(--gray190);
            fill: var(--gray190);
            stroke: var(--gray190);
        }

        svg {
            height: 22px;
            width: 22px;
            padding: 0px;
            margin-top: 0px;
            vertical-align: middle;
            fill: var(--ClassicBlue90);
            stroke: var(--ClassicBlue90);
        }

        a:focus {
            outline: none;
        }

        b {
            color: var(--ClassicBlue90);
            padding-right: 3px;
            padding-left: 3px;
        }

        h3 {
            color: var(--ClassicBlue100);
        }

        .userinput {
            background: var(--gray50);
            font-family: 'Courier New', Courier, monospace;
            padding-left: 3px;
            padding-right: 3px;
            border-radius: 2px;
        }
    </style>
</head>

<body class="dialogBody" onload="new GettingStarted();">

    <div id="container" class="divContainer gsbody"
        style="height: 400px; width: calc(100% - 40px); padding:10px; border:1px solid var(--gray190); background: var(--gray10); margin:10px; border-radius: 4px;">
        <h3>Swordfish 入门指南</h3>
        <p>只需几个简单步骤即可使用 Swordfish 进行翻译。基本的文档翻译流程如下：</p>
        <ol>
            <li><a href="#translationWorkflow__step1">设置记忆库和术语库</a></li>
            <li><a href="#translationWorkflow__step2">创建项目</a></li>
            <li><a href="#translationWorkflow__step3">翻译项目</a></li>
            <li><a href="#translationWorkflow__step4">导出译文</a></li>
        </ol>
        <div
            style="margin-left:20px; margin-right: 20px; border-top: 1px solid var(--gray190); border-bottom: 1px solid var(--gray190); padding: 4px;">
            <h4 style="margin: 0px;">提示：</h4>
            <div style="padding: 4px;">随时按 <span class="userinput">F1</span> 打开 <b>Swordfish 用户手册</b> 获取更多信息。</div>
        </div>

        <div id="translationWorkflow__step1">

            <h3>步骤 1：设置记忆库和术语库</h3>

            <p>Swordfish 使用 <b>翻译记忆库</b>（TM）技术辅助译员。它会将你的译文存储在 <b>记忆库</b> 中，并在你需要翻译相似文本时再次提供建议。</p>

            <ol>
                <li>点击 <b>添加记忆库</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24"
                        viewBox="0 0 24 24" width="24">
                        <path
                            d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z" />
                    </svg>）在 <b>记忆库</b> 标签栏工具栏上，为你的译文创建一个记忆库。</li>
                <li>如果你有 TMX 格式的翻译记忆数据，可点击 <b>导入 TMX 文件</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg"
                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24">
                        <path d="M19,9h-2v6.59L5.41,4L4,5.41L15.59,17H9v2h10V9z" />
                    </svg>）导入 TMX 文件到你的记忆库。</li>
            </ol>

            <p>使用 <b>术语库</b> 存储常用术语及其译文，便于翻译时查阅。术语库中的词条还可辅助 Swordfish 内置的 <b>自动翻译</b> 引擎进行匹配。</p>

            <ol>
                <li>点击 <b>添加术语库</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24"
                        viewBox="0 0 24 24" width="24">
                        <path
                            d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z" />
                    </svg>）在 <b>术语库</b> 标签栏工具栏上，按提示填写相关信息。</li>
                <li>如果你有 TMX 或 TBX 格式的术语数据，可点击 <b>导入术语库</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
                        height="24" viewBox="0 0 24 24" width="24">
                        <path d="M19,9h-2v6.59L5.41,4L4,5.41L15.59,17H9v2h10V9z" />
                    </svg>）导入术语数据到你的术语库。</li>
            </ol>

            <div
                style="margin-left:20px; margin-right: 20px; border-top: 1px solid var(--gray190); border-bottom: 1px solid var(--gray190); padding: 4px;">
                <h4 style="margin: 0px;">提示：</h4>
                <div style="padding: 4px;">你可以在不同翻译项目中复用记忆库和术语库，无需每次新建项目都新建记忆库或术语库。</div>
            </div>
        </div>

        <div id="translationWorkflow__step2">
            <h3>步骤 2：创建项目</h3>
            <p>Swordfish 支持一次翻译一个或多个文件。翻译任务以 <b>项目</b> 形式组织。</p>

            <p>创建项目有两种方式：</p>

            <ul class="ul">
                <li>点击 <b>翻译单个文件</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24">
                        <path
                            d="m 21,16.166667 h -2.454545 v -2.5 h -1.636364 v 2.5 h -2.454546 v 1.666666 h 2.454546 v 2.5 h 1.636364 v -2.5 H 21 Z m -5.727273,4.166666 V 22 H 3 V 2 h 8.336455 c 2.587909,0 8.027181,6.0191667 8.027181,8.011667 V 12 h -1.636363 v -1.285833 c 0,-3.4225003 -4.909091,-2.0475003 -4.909091,-2.0475003 0,0 1.242,-5 -2.158364,-5 H 4.6363636 V 20.333333 Z" />
                    </svg>）在 <b>项目</b> 标签栏工具栏，使用简化对话框创建包含单个文件的项目。</li>
                <li>点击 <b>添加项目</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24"
                        viewBox="0 0 24 24" width="24">
                        <path
                            d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z" />
                    </svg>）在 <b>项目</b> 标签栏工具栏，创建包含一个或多个文件的项目。</li>
            </ul>

            <p>从单个文件创建项目时，文件名和路径会作为项目名称。</p>
        </div>

        <div id="translationWorkflow__step3">
            <h3>步骤 3：翻译项目</h3>

            <p>新建项目会自动打开进行翻译。若要继续翻译已关闭的项目：</p>
            <ol>
                <li>在 <b>项目</b> 标签页中，点击你要翻译的项目。</li>
                <li>点击 <b>翻译项目</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24"
                        viewBox="0 0 24 24" width="24">
                        <path
                            d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" />
                    </svg>）在 <b>项目</b> 标签栏工具栏。</li>

            </ol>
            <p>翻译视图包含以下区域：</p>
            <table>
                <tr style="border-top: 1px solid var(--gray30);">
                    <td><b>顶部工具栏</b></td>
                    <td>包含执行不同任务的按钮，以及用于选择当前记忆库和术语库的下拉菜单。</td>
                </tr>
                <tr style="border-top: 1px solid var(--gray30);">
                    <td><b>翻译面板</b></td>
                    <td>大型可滚动的片段表格，显示源文本、片段状态和译文。</td>
                </tr>
                <tr style="border-top: 1px solid var(--gray30);">
                    <td><b>侧边面板</b></td>
                    <td>位于右侧，包含 <b>翻译记忆库</b>、<b>机器翻译</b> 和 <b>术语</b> 三个面板。</td>
                </tr>
                <tr style="border-top: 1px solid var(--gray30);border-bottom: 1px solid var(--gray30);">
                    <td><b>导航与状态栏</b></td>
                    <td>位于底部，包含项目页面导航按钮及翻译状态信息。</td>
                </tr>
            </table>
            <p>点击某个片段即可开始翻译。对应行会高亮并尽量居中显示，光标自动定位到目标文本开头。</p>

            <p>源文格式通过带数字的绿色标记（如：<svg
                    xmlns="http://www.w3.org/2000/svg" width="17px" height="17px" version="1.1">
                    <g>
                        <rect style="fill:#009688" width="16px" height="16px" x="1" y="1" rx="3" ry="3" /><text
                            style="font-size:12px;font-style:normal;font-weight:normal;text-align:center;font-family:sans-serif;"
                            x="6" y="14" fill="#ffffff" fill-opacity="1">
                            <tspan>3</tspan>
                        </text>
                    </g>
                </svg>）表示。插入绿色标记（即"标签"）时，Windows/Linux 下按 <span class="userinput">Ctrl+N</span>，macOS 下按 <span class="userinput">Cmd+N</span>，其中 <i>N</i> 为标记上的数字。插入大于 10 的标签时，按 <span class="userinput">Ctrl+T</span>（macOS 下为 <span class="userinput">Cmd+T</span>），并使用弹窗输入。你也可以在 <b>编辑</b> 菜单中使用标签管理相关功能。</p>

            <div
                style="margin-left:20px; margin-right: 20px; border-top: 1px solid var(--gray190); border-bottom: 1px solid var(--gray190); padding: 4px;">
                <h4 style="margin: 0px;">提示：</h4>
                <div style="padding: 4px;">在片段被确认后，<b>翻译面板</b> 中心列会出现一个警告图标（<svg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'>
                        <path
                            d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' />
                    </svg>）。</div>
            </div>

            <p>当片段完全翻译后，按 <span class="userinput">Ctrl+E</span> (<span
                    class="userinput">Cmd+E</span> on macOS) 或点击顶部工具栏上的 <b>确认翻译</b> 按钮（<svg
                    xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'>
                    <path
                        d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-7-2h2V7h-4v2h2z' />
                </svg>）确认。确认片段后，其翻译会被存储在顶部工具栏中选择的记忆库中，并自动传播到所有未确认的相似片段。</p>

            <p>你有两个选项可以将片段标记为确认：</p>
            <ul>
                <li>按 <span class="userinput">Alt+Down Arrow</span> (<span class="userinput">Ctrl+Alt+Down
                        Arrow</span> on macOS) 或点击顶部工具栏上的 <b>确认并转到下一个未翻译</b> 按钮（<svg
                        xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
                        <path
                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" />
                    </svg>）确认当前片段并打开下一个未翻译的片段。</li>
                <li>按 <span class="userinput">Alt+Shift+Down Arrow</span> (<span class="userinput">Ctrl+Shift+Down
                        Arrow</span> on macOS) 或点击顶部工具栏上的 <b>确认并转到下一个未确认</b> 按钮（<svg
                        xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'>
                        <g>
                            <path
                                d='M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z' />
                            <path d='M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z' />
                        </g>
                    </svg>）确认当前片段并打开下一个未确认的片段。</li>
            </ul>
            <p>使用 <span class="userinput">Page Up</span> 和 <span class="userinput">Page Down</span> 键移动到
                下一个和上一个片段并翻译它们。</p>

            <p>当所有片段都被翻译后，按 <span class="userinput">F5</span> 或点击顶部工具栏上的 <b>导出 HTML</b> 按钮，导出翻译项目的 HTML 版本以供审查。注意任何带有错误的片段并进行修正。</p>
            <p>要查看知道片段编号，按 <span class="userinput">Ctrl+G</span> (<span
                    class="userinput">Cmd+G</span> on macOS)。<b>转到片段</b> 对话框出现。在 <b>片段编号</b> 框中输入要查看的片段编号并按 <span
                    class="userinput">Enter</span>。</p>

            <p>按 <span class="userinput">F9</span> 或点击顶部工具栏上的 <b>检查内联标签</b> 按钮（<svg
                    xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
                    <path
                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-7-2h2V7h-4v2h2z" />
                </svg>）检查对话框中出现的项目，确保没有标签错误，因为翻译后的文档可能无法使用。</p>

            <p>要验证所有初始和尾随空格是否正常，按 <span class="userinput">F10</span> 或点击顶部工具栏上的 <b>检查初始/尾随空格</b>
                按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
                    <path
                        d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" />
                </svg>）。此任务对于某些亚洲目标语言不是必需的。</p>
        </div>

        <div id="translationWorkflow__step4">
            <h3>步骤 4：导出译文</h3>

            <p>一旦所有片段都被翻译和审查，生成翻译项目的翻译版本。</p>
            <p>点击顶部工具栏上的 <b>导出翻译</b> 按钮（<svg xmlns="http://www.w3.org/2000/svg" height="24"
                    viewBox="0 0 24 24" width="24">
                    <path
                        d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2v9.67z" />
                </svg>）或 <b>项目</b> 标签栏工具栏上的 <b>导出翻译</b> 按钮。操作系统将显示一个对话框，用于选择保存翻译文档的位置。</p>

            <p>翻译完成后，将出现一个新对话框，询问是否打开翻译后的文件或文件夹。</p>
        </div>

        <div id="important_tips">
            <h3>重要提示</h3>
            <ul>
                <li>浏览应用程序菜单，了解所有可用选项。</li>
                <li>检查 <b>Swordfish 用户手册</b> 获取更多信息（随时按 <span
                        class="userinput">F1</span>）。</li>
                <li>加入 Maxprograms <b>支持小组</b> 并询问你可能需要的任何帮助。</li>
            </ul>
        </div>
    </div>


    <div class="buttonArea" id="buttonArea">
        <input type="checkbox" id="showWindow" checked><label for="showWindow"
            style="margin-top: 4px; width: 100%">启动时总是显示</label>
        <button id="supportGroup">支持小组</button>
        <button id="userGuide">用户手册</button>
    </div>

    <script src="../js/gettingStarted.js"></script>
</body>

</html>